<template>
  <div class="app-body-content">
    <el-row :gutter="30">
      <el-col v-for="item in data" :key="item.id" class="app-admins-col app-body-col" :lg="12" :xs="24" :sm="8">
        <CardItem :data="item" />
      </el-col>
    </el-row>
  </div>
</template>
<script setup lang="ts">
interface IProps {
  data: Article.Detail[]
}

const props = withDefaults<IProps, any>(defineProps<IProps>(), {
  data: [] as Article.Detail[],
})
const { data } = toRefs(props)
</script>
<style lang="scss" scoped></style>
